<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.2/style/weui.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.0/css/jquery-weui.min.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="../../css/style.css">
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
    <div class="main">
        <!--个人中心开始-->
        <div class="mine-wrapper">
            <div class="mine-info-wrapper">
                <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1529750269&di=144d243ec96db665c68638851c567339&imgtype=jpg&er=1&src=http%3A%2F%2Fimg18.3lian.com%2Fd%2Ffile%2F201704%2F17%2F15d3ba370a20eb62c2de8bdc4b6fb93e.jpg"
                     class="img-circle img-circle-64">
                <div class="min-nick-name">幸运的毛毛虫</div>
            </div>
        </div>
        <div class="mine-dash-board-wrapper">
            <div class="weui-flex">
                <div class="weui-flex__item">
                    <div class="mine-dash-board-title">积分</div>
                    <div class="mine-dash-board-text">1600</div>
                </div>
                <div class="weui-flex__item">
                    <div class="mine-dash-board-title">文章</div>
                    <div class="mine-dash-board-text">12篇</div>
                </div>
                <div class="weui-flex__item">
                    <div class="mine-dash-board-title">说说</div>
                    <div class="mine-dash-board-text">8393条</div>
                </div>
                <div class="weui-flex__item">
                    <div class="mine-dash-board-title">连续签到</div>
                    <div class="mine-dash-board-text">23天</div>
                </div>
            </div>
        </div>

        <div class="weui-cells__title">我的</div>
        <div class="weui-cells">
            <a class="weui-cell weui-cell_access" href="javascript:;">
                <div class="weui-cell__bd">
                    <p>店铺</p>
                </div>
                <div class="weui-cell__ft">
                </div>
            </a>
            <a class="weui-cell weui-cell_access" href="javascript:;">
                <div class="weui-cell__bd">
                    <p>邮寄地址管理</p>
                </div>
                <div class="weui-cell__ft">
                </div>
            </a>
            <a class="weui-cell weui-cell_access" href="javascript:;">
                <div class="weui-cell__bd">
                    <p>个人资料信息</p>
                </div>
                <div class="weui-cell__ft">
                </div>
            </a>

            <a class="weui-cell weui-cell_access" href="javascript:;">
                <div class="weui-cell__bd">
                    <p>发票管理</p>
                </div>
                <div class="weui-cell__ft">
                </div>
            </a>
            <a class="weui-cell weui-cell_access" href="javascript:;">
                <div class="weui-cell__bd">
                    <p>相册管理</p>
                </div>
                <div class="weui-cell__ft">
                </div>
            </a>

            <a class="weui-cell weui-cell_access" href="javascript:;">
                <div class="weui-cell__bd">
                    <p>预订订单</p>
                </div>
                <div class="weui-cell__ft">
                </div>
            </a>
        </div>

        <div class="weui-cells__title">系统设置</div>
        <div class="weui-cells">
            <a class="weui-cell weui-cell_access" href="javascript:;">
                <div class="weui-cell__bd">
                    <p>系统消息</p>
                </div>
                <div class="weui-cell__ft">
                </div>
            </a>

            <a class="weui-cell weui-cell_access" href="javascript:;">
                <div class="weui-cell__bd">
                    <p>意见建议</p>
                </div>
                <div class="weui-cell__ft">
                </div>
            </a>
            <a class="weui-cell weui-cell_access" href="javascript:;">
                <div class="weui-cell__bd">
                    <p>更新日志</p>
                </div>
                <div class="weui-cell__ft">
                </div>
            </a>
        </div>
        <!--个人中心结束-->
    </div>
    <!--footer开始-->
    <div class="footer">
        <div class="weui-flex">
            <div class="weui-flex__item">
                <div><i class="fa fa-home"></i></div>
                <div class="footer-text">首页</div>
            </div>
            <div class="weui-flex__item">
                <div><i class="fa fa-map"></i></div>
                <div class="footer-text">产品</div>
            </div>
            <div class="weui-flex__item">
                <div><i class="fa fa-qrcode"></i></div>
                <div class="footer-text">动态</div>
            </div>
            <div class="weui-flex__item">
                <div><i class="fa fa-space-shuttle"></i></div>
                <div class="footer-text">我的</div>
            </div>
        </div>
    </div>
    <!--footer结束-->
</body>





<!--<div class="container">-->
    <!--<div class="header"></div>-->
    <!--<div class="main">-->
        <!--中间内容-->
    <!--</div>-->

    <!--</div>-->
<!--</div>-->




<!-- body 最后 -->
<script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/jquery-weui.min.js"></script>
<!-- 如果使用了某些拓展插件还需要额外的JS -->
<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/swiper.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/city-picker.min.js"></script>
</body>
</html>